<h1 mat-dialog-title>{{ 'Roll Back' | translate }}</h1>
<div mat-dialog-content>
  <form [formGroup]="form">
    <ix-select
      formControlName="app_version"
      [label]="'Version' | translate"
      [required]="true"
      [options]="versionOptions$"
      [tooltip]="'Enter the version to roll back to.' | translate"
    ></ix-select>

    <ix-checkbox
      formControlName="rollback_snapshot"
      [label]="'Roll back snapshots' | translate"
      [tooltip]="'Roll back snapshots of ix_volumes' | translate"
    ></ix-checkbox>
  </form>
</div>
<ix-form-actions mat-dialog-actions class="form-actions">
  <button mat-button matDialogClose ixTest="cancel">{{ 'Cancel' | translate }}</button>
  <button
    *ixRequiresRoles="requiredRoles"
    mat-button
    color="primary"
    ixTest="roll-back"
    [disabled]="form.invalid"
    (click)="onRollback()"
  >
    {{ 'Roll Back' | translate }}
  </button>
</ix-form-actions>
